/*利用css变量实现换肤  ie不兼容  */
:root {
	/*主内容区背景颜色*/
	--main-bc: #1e1e1e;
	/*aside导航区背景颜色*/
	--aside-nav-bc: #333;
	/*aside内容区背景颜色*/
	--aside-cont-bc: #252526;
	/*一级标题字体颜色*/
	--text-main-color: #ccc;
	/*二级标题字体颜色*/
	--text-lesser-color: #999;
	/*字体图标颜色*/
	--text-icon-color: rgba(255,255,255,.5);
	/*分类面板背景颜色*/
	--panel-bg-color: #181818;
}

body{
	background-color: #1e1e1e;
	background-color: var(--main-bc);
	color: #ccc;
	color: var(--text-main-color);
}
.aside-list {
	background-color: #333;
	background-color: var(--aside-nav-bc);
	color:rgba(255,255,255,.5);
	color: var(--text-icon-color);
}
.content-item {
	background-color: #252526;
	background-color: var(--aside-cont-bc);
}
.message-import input,
.message-import .btn,
.message-import .btn:hover{
	color:#ccc;
	color:var(--text-main-color);
	border: 1px solid #ddd;
	background-color: #252526;
	background-color: var(--aside-cont-bc);
}
.demo-list:after{
	background: linear-gradient(180deg, #1e1e1e,#333,#1e1e1e);
	background: linear-gradient(180deg, var(--main-bc),var(--aside-nav-bc),var(--main-bc));
}
.item-body>a{
	background-color: #181818;
	background-color: var(--panel-bg-color);
}
.modal-content{
	background-color: #1e1e1e;
	background-color: var(--main-bc);
	color: #ccc;
	color: var(--text-main-color);
}
.modal-content .close{
	color: #ccc;
	color: var(--text-main-color);
}
.modal-header{
	border-bottom:1px solid #333;
	border-bottom:1px solid var(--aside-nav-bc);
}
.loading{
	background-color: #1e1e1e;
	background-color: var(--main-bc);
}
.loading:after{
	border-top-color: #333;
	border-top-color: var(--aside-nav-bc);
}
